<!doctype html>
<html>
  <head>
  	<META NAME="Generator" CONTENT="EditPlus">
  	<META NAME="Author" CONTENT="david zhang">
  	<META NAME="Keywords" CONTENT="jshow bootstrap">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>对比</title>
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
	<link href="css/bootstrap-modal.css" rel="stylesheet" type="text/css" />
	<link href="css/joywindow.bootstrap.css" rel="stylesheet" type="text/css" />
	 
	<script type="text/javascript" src="script/jquery-1.7.2.js"></script>
	<script type="text/javascript" src="script/bootstrap.js"></script> 
	<script type="text/javascript" src="script/bootstrap-modal.js"></script>
	<script type="text/javascript" src="script/bootstrap-modalmanager.js"></script> 
	<script type="text/javascript" src="script/modal.manager.plugin1.0.js"></script>
	<script type="text/javascript" src="script/jshow.utils.js"></script>

 
	<!-- you can delete follow resource 如果你不需要拖拽，以下文件可删除 -->
	<script type="text/javascript" src="script/jquery.ui.draggable.js"></script>
	<!-- you can delete follow resource 如果你不需要表单验证，以下文件可删除 -->
	<script type="text/javascript" src="script/form.validate.js"></script>
	<style type="text/css">
		thead tr td {
			min-width: 50px;
		}
	</style>
  </head>
  <body>
  		<div class="panel panel-default">
	    	
		</div>
		<table border=1>
			<thead>
				<tr>

				</tr>
			</thead>
			<tbody>
			</tbody>
		</table>
  </body>
  <script type="text/javascript">
  	$(function(){
  		for (var i = 0; i < 260; i++) {
  			$("thead tr").append($("<td/>").html("列" + i));
  		};
  		for (var j = 0; j < 120;j++) {
  			var tr = $("<tr/>").appendTo($("tbody"));
  			for (var i = 0; i < 260; i++) {
	  			tr.append($("<td/>").html("行" + j + ",列" + i));
	  		};
  		};
  	});
  </script>
</html>
